<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的考勤</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
	href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/myAttendance.css">
<link href="../dev/css/mobiscroll.core-2.6.2.css" rel="stylesheet"
	type="text/css" />
<link href="../dev/css/mobiscroll.animation-2.6.2.css" rel="stylesheet"
	type="text/css" />
<link href="../dev/css/mobiscroll.android-ics-2.6.2.css"
	rel="stylesheet" type="text/css" />
<script src="//cdn.bootcss.com/jquery/1.11.1-rc2/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="../dev/js/mobiscroll.core-2.6.2.js" type="text/javascript"></script>
<script src="../dev/js/mobiscroll.core-2.6.2-zh.js"
	type="text/javascript"></script>
<script src="../dev/js/mobiscroll.datetime-2.6.1.js"
	type="text/javascript"></script>
<script src="../dev/js/mobiscroll.datetime-2.6.1-zh.js"
	type="text/javascript"></script>
<script src="../dev/js/mobiscroll.android-ics-2.6.2.js"
	type="text/javascript"></script>
<style type="text/css">
</style>

<script type="text/javascript">
        $(function () {
			var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			//opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
		        display: 'bottom', //显示方式 
		        mode: 'scroller', //日期选择模式
				lang:'zh',
		        startYear:currYear - 10, //开始年份
		        endYear:currYear //结束年份
			};

			$("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
		  	var optDateTime = $.extend(opt['datetime'], opt['default']);
		  	var optTime = $.extend(opt['time'], opt['default']);
        });
    </script>
</head>
<body>
	<div class="panel-group" id="accordion">
		
	</div>

	<!-- 日期搜索组件 -->
	<div id="datePicker" class="content">
		<span for="appDate" id="datePicker-label" class="datepicker">请选择日期：</span> 
		<input name="appDate" id="appDate" class="datepicker" readonly="readonly" />
		<button type="submit" id="datePicker-button" class="btn btn-default datepicker" onclick="relocate();">确定</button>
	</div>
</body>
<script type="text/javascript" src="../js/myAttendance.js"></script>
</html>